<script setup>
import { ref } from 'vue'
import liuyunoTabs from "@/components/liuyuno-tabs/liuyuno-tabs.vue";
const tabs=['进行中','已完成']
const index1=ref(0)
const tabchange=(value)=>{
  index1.value=value
}
const arr = [
  {
    title: '活动详情1',
    to: '/pages/index/ac1',
  }, {
    title: '活动详情2',
    to: '/pages/index/ac2',
  },{
    title: '活动详情3',
    to: '/pages/index/ac3',
  }
]
const test = (to) => {
  uni.navigateTo({
    url: to
  })
}
</script>

<template>
  <liuyuno-tabs  @tabClick="tabchange" tabindex="index1"  :tabData="tabs"></liuyuno-tabs>
  <view class="main">
    <view v-if="index1==0">
    <view class="input" v-for="(item,index) in arr":key="index">
      <view class="inputin" @click="test(item.to)">
        <text class="d1">2023届招生宣传演讲</text>
        <br>
        <view class="d4">
          <text class="d2">
            计划开始日期：2023/03/29 <br>
            计划结束日期：2023/03/29 <br>
            活动区域：湖北省武汉市洪山区 <br>
            活动牵头宣传组：宣传组名称1
          </text>
          <text class="d3">3天4时5分</text>
          <view class="d5"></view>
          <view class="d6">李明于2023/03/29 更新了活动照片</view>
        </view>
      </view>
    </view>
    </view>
    <view v-else-if="index1==1"></view>
  </view>
</template>

<style scoped>
.main {
  background: #F1F5FF;
  height: 100%;
  width: 100%;
  background-size: 100% 100%;
}
.input{
  justify-content:center ;
  display: flex;
}
.inputin{
  width: 343px;
  height: 170px;
  background: #FFFFFF;
  box-shadow: 0 3px 6px 0 #c9cfd980;
  border-radius: 8px;
  margin-top: 20px;
}
.d1{
  width: 183px;
  height: 22px;
  font-weight: 500;
  font-size: 16px;
  color: #000000;
  letter-spacing: 0;
  margin: 20px 10px;
}
.d2 {
  color: #5d5c5c;
  font-size: 12px;
  font-face: PingFangSC;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  paragraph-spacing: 0;
  text-align: left;
}
.d3{
  color: #ff7700;
  font-size: 12px;
  font-face: PingFangSC;
  font-weight: 400;
  line-height: 20px;
  letter-spacing: 0;
  paragraph-spacing: 0;
  text-align: left;
}
.d4{
  margin-left: 20px;
}
.d5{
  width: 311px;
  height: 1px;
  opacity: 0.2;
  border: 1px solid #979797;
}
.d6{
  width: 194px;
  height: 20px;
  font-family: PingFangSC-Regular;
  font-weight: 400;
  font-size: 12px;
  color: #94A6C8;
  letter-spacing: 0;
  line-height: 20px;
}
</style>
